<template>
  <div id="app">
    <MusicHeader />
    <div class="flex">
      <MusicAside />
      <MusicBody />
    </div>
    <MusicFooter />
  </div>
</template>

<script>
import "./flexible.js";
import "./library/axios/instance";
import MusicHeader from "./components/MusicHeader/MusicHeader.vue";
import MusicAside from "./components/MusicAside/MusicAside.vue";
import MusicBody from "./components/MusicBody/MusicBody.vue";
import MusicFooter from "./components/MusicFooter/MusicFooter.vue";

export default {
  name: "App",
  components: { MusicHeader, MusicAside, MusicBody, MusicFooter },
};
</script>
<style lang="scss">
@import "./style/tailwind.css";
</style>
